<!--
 * @Author: Islands 1430536748@qq.com
 * @Date: 2024-07-14 23:15:16
 * @LastEditors: 周洋 1430536748@qq.com
 * @LastEditTime: 2024-08-03 21:41:27
 * @version: 1.2.0
 * @Description: Logo组件
-->
<script setup lang="ts">
import { logoProps } from '../props';
const {wh,fit,title,src,isTextLogo} = defineProps(logoProps);
</script>
<template>
    <div class="flex flex-content-center flex-items-center gap-y-1" :class="align">
        <el-image :style="{ width: wh.width, height: wh.height }" :fit="fit"
            :preview-src-list="[src]" :src="src" v-show="src !== null">
            <template #error></template>
        </el-image>
        <div class="flex flex-col text-align-center" style="padding-left: 5px;" v-show="isTextLogo">
            <span class="font-800 font-size-4">{{ title.chinese }}</span>
            <em class="font-400 font-size-1">
                {{ title.english }}
            </em>
        </div>
    </div>
</template>
<style scoped lang="scss">
.left {
    justify-content: flex-start;
}

//水平对齐
.center {
    justify-content: center;
}

//上下对齐
.direction {
    flex-direction: column;
}
</style>